<div class="form-row" ng-init="$ctrl.init()">
    <input type="hidden" value="{{$ctrl.type}}/{{$ctrl.folder}}" class="folder-val">
    <div class="form-group col-md-5">
        <input type="text" placeholder="https://your-image-url..." ng-model="$ctrl.src" ng-change="$ctrl.srcUrl = $ctrl.src"
            class="form-control">
    </div>
    <div class="form-group col-md-4">
        <div class="custom-file">
            <!-- <input type="file" class="custom-file-input" id="customFile"> -->
            <input id="{{$ctrl.id}}" type="file" name="pic" ngf-select="$ctrl.selectFile($file, $invalidFiles)"
                data-file="file.file" class="form-control position-absolute hidden"
                style="width:100%; /*height:130px;*/ cursor:pointer;">
            <label class="custom-file-label" for="{{$ctrl.id}}">Or choose file...</label>
        </div>
    </div>
    <div class="form-group col-md-3">
        <button type="button" ng-click="$ctrl.save({activedData: $ctrl.data})" class="btn btn-secondary btn-block">
            <span class="fa fa-file-upload"></span>
            Upload</button>
    </div>
</div>